<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>index</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../../css/mui.min.css">
		<link rel="stylesheet" href="css/workTable.css" />
		<link rel="stylesheet" href="../static/css/common.css">
		<style>
			*{
				touch-action: none;
			}
			html,
			body {
				background-color: #efeff4;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">工作台</h1>
		</header>
		<div class="mui-content" id="content" v-cloak>
			<div class="main_box">
				<div class="main_icon"></div>
				<div class="main_icon1"></div>
				<div class="box_title">
					<div class="icon"></div><div style="font-size: 4vw;">审核[P222333]李四借用机械钥匙</div>
				</div>
				<div class="flex_row" style="margin-top: 15px;">
					<img src="../../img/save.png" alt="" class="icon_rili">
					<div>2021-6-20 10:22:22</div>
				</div>
				<div class="procee_line">
					<span>值班人</span>
					<img src="../../img/post.png" class="icon_circle" />
					<div class="line"></div>
					<span>场长</span>
					<img src="../../img/post.png" class="icon_circle" />
					<div class="line"></div>
					<span>生产部经理</span>
					<img src="../../img/post.png" class="icon_circle" />
				</div>
				<div class="flex_row">
					<div class="form_row">
						<div class="form_label">借用人</div> <div class="form_txt">[P234566]赵武</div>
					</div>
					<div class="form_row">
						<div class="form_label">借用时间</div> <div class="form_txt">2021-06-21</div>
					</div>
				</div>
				<div class="form_row">
					<div class="form_label">用途</div> <div class="form_txt">风机检查</div>
				</div>
				<div class="flex_row">
					<div class="form_row">
						<div class="form_label">工作票</div> <div class="form_txt">F001</div>
					</div>
					<div class="form_row">
						<div class="form_label">值班人</div> <div class="form_txt">[P234566]赵武</div>
					</div> 
				</div>

				<hr size="1" style="color: #999;border-style: dashed; widows: 250px;" />

				<div class="flex_row">		
						<div style="font-size: 3.5vw;">钥匙列表</div>
					<div style="color:efab00;font-size: 3.5vw;margin-left: 5px;">备注: 仅显示对应级别需要审批的钥匙</div>
				</div>
				<div class="yaoshi_list">
					<div>1. 风机钥匙-设备编号-钥匙编号</div>

					<hr size="1" style="color: #999;border-style: dashed; widows: 250px;" />

					<div>2. 机械钥匙-设备编号-钥匙编号</div>
				</div>
				<div >附件</div>
				<!-- <input type="file" @change="addFile" ref="inputer"
				accept="application/vnd.ms-powerpoint,
				application/vnd.openxmlformats-officedocument.presentationml.presentation, "/> -->
				<div class="icon_upload"></div>

				<div class="flex_row" >
					<div style="margin-right: 10px;"><span class="icon_important">*</span><span>审核结果</span></div>
					<div class="flex_row">
						<div class="flex_row" style="margin-right: 5px;">
							<input type="radio" value="1" style="margin-right: 5px;" v-model="result" />
							<label>通过</label>
						</div>
						<div class="flex_row" style="margin-right: 5px;">
							<input type="radio" value="2" style="margin-right: 5px;"  v-model="result" />
							<label>不通过</label>
						</div>
						<div class="flex_row">
							<input type="radio" value="3" style="margin-right: 5px;"  v-model="result" />
							<label>转办</label>
						</div>
					</div>
				</div>
				
				<div style="margin: 5px 0;">审核意见</div>
				<div style="position: relative;">
					<textarea name="" id="" v-model="advance">
					</textarea>
					<div class="area_num">已输入{{advance.length}}字/200字</div>
				</div>

				<div class="flex_row" style="margin-bottom: 20px;">
					<div class="flex_row">
						<div style="font-size: 3vw;margin-right: 5px;">审批人</div>
						<input class="pop_ipt" style="margin-left:0;" />
					</div>
					<div style="color:#efab00;font-size: 3vw;margin-left: 5px;">备注: 需下一步或转办时显示</div>
				</div>
			</div>
			<div style="height: 60px;width: 100%;"></div>
			<div class="flex-row fixed-bottom">
				<div class="submit_btn">提交</div>
				<div class="cancel_btn">返回</div>
			</div>
				</div>
				


	
		
		<script src="../../../js/mui.min.js"></script>
		<script src="../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../js/jquery-3.2.1.min.js"></script>
	
		<script type="text/javascript" charset="utf-8">
		projectVM = new Vue({
			el: "#content",
			data: {
				result:'',
				advance:'',
				show_popup:false,
				list:[{content:'XXX信用XXXX钥匙',status:1,user:'[IP123456]张三2021-6-20'},
				{content:'XXX信用XXXX钥匙',status:2,user:'[IP123456]张三2021-6-20'},
				{content:'XXX信用XXXX钥匙',status:3,user:'[IP123456]张三2021-6-20'}
			]
			},
			created: function() {},
			methods: {
				
			},
			
			})
		
		

		</script>
	</body>

</html>